let a=10
let b=20
let sum=a+b
console.log(sum)//面向对象




//面向过程

window.onload = function() {
    var oDiv = document.getElementById('div1');
    var aBtn = oDiv.getElementsByTagName('input');
    var aDiv = oDiv.getElementsByTagName('div');
    var i = 0;

    for(i = 0; i < aBtn.length; i++){
        // index 属性可返回标签的索引位置
        aBtn[i].index = i;
        //测试i的索引位置
        // alert(i); 

        // 给onclick事件添加自定义方法
        aBtn[i].onclick = function() {
            for(i = 0; i < aBtn.length; i++){
                // 给未点击的按钮添加class="kin"
                aBtn[i].className = 'kin';
                // 给当前Div的class添加style="display:none"
                aDiv[i].style.display = 'none';
            }
            // 鼠标点击那个按钮就给那个添加class="active"
            this.className = 'active';
            // 给当前的class添加style="display:block"
            aDiv[this.index].style.display = 'block';
        };
    }
};

